<template>
  <div class="foot-page">
    <div class="footer-text">
        <a v-for="item in foot_nav" class="footer-link" href="">| {{item.txt}} |</a>
    </div>
    <p class="foottxt">
      <b>公司地址</b> 辽宁省沈阳市沈营大街38号
    </p>
    <p class="foottxt">沈阳星宜软件有限公司</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      foot_nav: [
        {
          txt: "关于我们",
          link: "/abc"
        },
        {
          txt: "常见问题",
          link: "/abc"
        },
        {
          txt: "关于我们",
          link: "/abc"
        },
        {
          txt: "关于我们",
          link: "/abc"
        },
        {
          txt: "公司介绍",
          link: "/abc"
        }
      ]
    };
  }
};
</script>
<style scoped>
.footer-text {
  font-size: 9pt;
  margin-top: 20px;
  text-align: center;
  color: #808080;
}
.foot-page {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 1px solid #999;
}
ul li {
  float: left;
  padding: 0 5px;
  text-align: center;
  color: #808080;
  cursor: pointer;
  font-size: 9pt;
}
.foottxt {
  color: #808080;
  font-size: 10pt;
  clear: both;
  text-align: center;
  margin: 20px 0;
}
.footer-link{
    margin:0 5px;
    cursor: pointer;
}
</style>

